<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{margin:0px;padding:0px;}
			li{list-style:none;}
			a{text-decoration: none;}
			html{font-size:75px;}
			.contactUS .shadow .title{padding-top:0.266667rem;line-height:0.533333rem;font-size:0.346667rem;text-align: center;}
			.contactUS .shadow h2{color:#f14848;}
			.shadow{display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.4);position: fixed;left:0px;top:0px;z-index:999;}
			.shadow .prompt{width:7.333333rem;height:auto;position:relative;top:50%;margin:0 auto;background: #fff;  transform:translate(0,-50%);border-radius:0.133333rem;}
			.shadow .prompt h2{font-size:0.4rem;text-align: center;line-height:1.226667rem;}
			.shadow .prompt ul{display:-webkit-box;}
			.shadow .prompt ul li{-webkit-box-flex:1;font-size:0.373333rem;text-align: center;border-top:1px solid #e8e8e8;line-height:1.066667rem;}
			.shadow .prompt ul li a{color:#999;display: inline-block;width:100%;}
			.shadow .prompt ul li a.shadow-link{color:#f14848;border-left:1px solid #e8e8e8;}
		</style>
		<script src="jquery-3.1.1.js"></script>
		<script>
			$(function(){
				function prop(obj1,obj2){
					obj1.on('click',function(ev){
						obj2.find('.shadow').show();
						ev.stopPropagation();
					});
					obj2.find('.cancel').on('click',function(){
						obj2.find('.shadow').hide();
					});
					$(document).on('click',function(){
						obj2.find('.shadow').hide();
					});
					obj2.find('.prompt').on('click',function(ev){
						ev.stopPropagation();
					})
				}
				prop($('.link'),$('.contactUS'));
			})
		</script>
	</head>
	<body>
		<div class="wrap">
			<div class="link">123</div>
			<div class="contactUS">
	      	<div class="shadow">
		        <div class="prompt">
		          <div class="title">客服服务热线</div>
		          <h2>400-898-7788</h2>
		          <ul> 
		            <li class="cancel"><a href="###">取消</a></li>
		            <li class="conform"><a href="tel://13525065838" class="shadow-link">呼叫</a></li>
		          </ul> 
		        </div>
		    </div>
      </div>
		</div>
	</body>
</html>
